﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>橘色科技</title>

    <link href="http://res.juseshop.com/templates/vshop/default/style/cssv.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        @media screen and (min-width: 568px) {
            .wo_pic {
                height: 375px;
            }

            .goods-list-grid a img {
                height: 220px;
            }
        }

        .left_shop a {
            position: relative;
        }

        .left_shop div.info {
            position: absolute;
            right: 7px;
            bottom: 0;
        }

        .rig_shop a {
            position: relative;
        }

        .rig_shop div.info {
            position: absolute;
            right: 7px;
            bottom: 0;
        }

        .hits a {
            position: relative;
        }

        .hits div.font-s {
            position: absolute;
            bottom: 16px;
            z-index: 999;
            text-align: right;
        }

        .name.bcolor {
            height: 16px;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="sc_top" id="sc_top">
        <!--登录-->
        <div class="logo">
            <a>
                <img src="/images/logo_03.png" width="106px" height="30px" />
            </a><a style="margin-right: 10px;" href="/Vshop/MemberCenter.aspx">
                <div class="glyphicon glyphicon-user"></div>
            </a>
        </div>
        <!--登录end-->
        <!--购物车-->
        <div class="wx">
            <a href="MemberCenter.aspx">
                <img id="img1_06" src="/images/img1_06.png" width="22px" height="22px" />
            </a>
            <a href="ShoppingCart.aspx">

                <img src="/images/cart_06.png" width="25px" height="20px" />
                <div class="glyphicon glyphicon-shopping-cart"></div>
            </a>
        </div>
        <!--购物车end-->
    </div>

    <hi:common_vheaderjuse runat="server" />
    <div id="slides">
        <hi:vshoptemplatedrepeater id="rptSlide" templatefile="/Tags/skin-Common_Slide.ascx"
                                   runat="server" />
    </div>
    <script type="text/javascript" src="/script/touchScroll.js"></script>
    <script type="text/javascript" src="/script/touchslider.dev.js"></script>


    <script type="text/javascript">
        var active = 0,
            as = document.getElementById('pagenavi').getElementsByTagName('a');

        for (var i = 0; i < as.length; i++) {
            (function () {
                var j = i;
                as[i].onclick = function () {
                    t2.slide(j);
                    return false;
                }
            })();
        }

        var t1 = new TouchScroll({ id: 'wrapper', 'width': 5, 'opacity': 0.7, color: '#555', minLength: 20 });

        var t2 = new TouchSlider({
            id: 'slider', speed: 600, timeout: 6000, before: function (index) {
                as[active].className = '';
                active = index;
                as[active].className = 'active';
            }
        });
    </script>
    <div class="my">
        <div class="my_bao">
            <img src="http://image.juseshop.com/images/horn_03.png" width="15px" height="15px" />
            <h4>全场满138元包邮!</h4>
        </div>
        <ul>
            <li><a href="#"><img src="/images/brand_03.png" width="30px" height="30px" /><h4>品牌馆</h4></a></li>
            <li><a href="/Vshop/ProductSearch.aspx"><img src="/images/classify_03.png" width="30px" height="30px" /><h4>商品分类</h4></a></li>
            <li><a href="#"><img src="/images/logistics_03.png" width="30px" height="30px" /><h4>查看物流</h4></a></li>
            <li><a href="#"><img src="/images/client_03.png" width="30px" height="30px" /><h4>客户端</h4></a></li>
        </ul>
        <ul id="ull">
            <li><a href="MemberCenter.aspx"> <div class="glyphicon glyphicon-user"></div><img src="/images/me_03.png" width="30px" height="30px" /><h4>我的橘色</h4></a></li>

            <li><a href="#"><img src="/images/evaluate_03.png" width="30px" height="30px" /><h4>待评价</h4></a></li>
            <li><a href="ShoppingCart.aspx"><img src="/images/shopcart_03.png" width="30px" height="30px" /><h4>购物车</h4></a></li>
            <li><a href="#"><img src="/images/collect_03.png" width="30px" height="30px" /><h4>收藏夹</h4></a></li>
        </ul>

        <div class="pbox" style="margin-bottom:-20px;width:100%;">
            <div class="input-group form-search">
                <input id="txtKeywords" type="text" class="form-control search-query" style="height: 28px;width: 100%;" />
                <span class="input-group-btn">
                    <button style=" width: 58px; height: 33px; background:url(http://image.juseshop.com/images/search_03.png) no-repeat;width:36px;   border: 1px solid transparent;padding: 6px 12px;font-size: 14px; background-size:36px 32px;" type="submit" class="btn btn-warning" data-type="last" onclick="searchs()"></button>
                </span>
            </div>
        </div>

    </div>
    <!--关键字end-->
    <script type="text/javascript">
        var x = document.getElementById("t_area")

        x.value = "请输入搜索关键词";

        x.onclick = function click() {
            x.value = "";
        }
    </script>
    </div>
    <div class="hits" style="float:left">
        <h4>热卖单品推荐Hot Sale</h4>
        <hi:sf_vshop_sixproduct runat="server" cid="941" />
        <hi:sf_vshop_sixproduct runat="server" cid="648" />
        <hi:sf_vshop_sixproduct runat="server" cid="1261" />
        <hi:sf_vshop_sixproduct runat="server" cid="1025" />
        <hi:sf_vshop_sixproduct runat="server" cid="848" />
        <hi:sf_vshop_sixproduct runat="server" cid="1302" />
    </div>

    <div class="floor">
        <div class="woman" style="float:left;width:100%;">
            <div class="wo_roof">
                <a href="#"><img src="http://image.juseshop.com/images/woman_03.png" width="17px" height="17px" /></a>
                <h4>女性乐园</h4>
            </div>
            <div class="wo_pic">
                <div class="left_shop">
                    <hi:wnxd_vshop_defaulproduct runat="server" index="0" categoryid="5" />
                </div>
                <div class="rig_shop">
                    <span style="margin-bottom:2%;"><hi:wnxd_vshop_defaulproduct runat="server" index="1" categoryid="5" /></span>
                    <span><hi:wnxd_vshop_defaulproduct runat="server" index="2" categoryid="5" /></span>
                </div>
            </div>

            <div class="wel">
                <h4>最受欢迎的女性用品</h4>
                <a href="#"><img src="http://image.juseshop.com/images/right_03.png" width="6px" height="10px" /></a>
            </div>
            <div class="pbox">
                <div class="list-group">
                    <div class="qbfl">
                        <ul>
                            <hi:vshoptemplatedrepeater id="Vshoptemplatedrepeater_six" templatefile="/Tags/skin-Common_Categories_juse.ascx"
                                                       runat="server" />
                        </ul>
                    </div>

                </div>
            </div>

        </div>
        <div class="man" style="float:left;width:100%;">
            <div class="wo_roof man_roof">
                <a href="#"><img src="http://image.juseshop.com/images/man_03.png" width="17px" height="17px" /></a>
                <h4>男人天堂</h4>
            </div>
            <div class="wo_pic">
                <div class="left_shop">
                    <hi:wnxd_vshop_defaulproduct runat="server" index="0" categoryid="1" />
                </div>
                <div class="rig_shop">
                    <span style="margin-bottom:2%;"><hi:wnxd_vshop_defaulproduct runat="server" index="1" categoryid="1" /></span>
                    <span><hi:wnxd_vshop_defaulproduct runat="server" index="2" categoryid="1" /></span>
                </div>
            </div>


            <div class="wel">
                <h4>最受欢迎的男性用品</h4>
                <a href="#"><img src="http://image.juseshop.com/images/right_03.png" width="6px" height="10px" /></a>
            </div>
            <div class="pbox">
                <div class="list-group">
                    <div class="qbfl">
                        <ul>
                            <hi:vshoptemplatedrepeater id="Vshoptemplatedrepeater_five" templatefile="/Tags/skin-Common_Categories_juse.ascx" runat="server" />
                        </ul>
                    </div>

                </div>
            </div>

        </div>
        <div class="tao" style="float:left;width:100%;">
            <div class="wo_roof tao_roof">
                <a href="#"><img src="http://image.juseshop.com/images/tao_03.png" width="17px" height="17px" /></a>
                <h4>套套世界</h4>
            </div>
            <div class="wo_pic">
                <div class="left_shop">
                    <hi:wnxd_vshop_defaulproduct runat="server" index="0" categoryid="30" />
                </div>
                <div class="rig_shop">
                    <span style="margin-bottom:2%;"><hi:wnxd_vshop_defaulproduct runat="server" index="1" categoryid="30" /></span>
                    <span><hi:wnxd_vshop_defaulproduct runat="server" index="2" categoryid="30" /></span>
                </div>
            </div>


            <div class="wel">
                <h4>最受欢迎的情趣服饰</h4>
                <a href="#"><img src="http://image.juseshop.com/images/right_03.png" width="6px" height="10px" /></a>
            </div>
            <div class="pbox">
                <div class="list-group">
                    <div class="qbfl">
                        <ul>
                            <hi:vshoptemplatedrepeater id="Vshoptemplatedrepeater_four" templatefile="/Tags/skin-Common_Categories_juse.ascx"
                                                       runat="server" />
                        </ul>
                    </div>
                </div>
            </div>



        </div>
        <div class="dress" style="float:left;width:100%;">
            <div class="wo_roof dress_roof">
                <a href="#"><img src="http://image.juseshop.com/images/dress_03.png" width="17px" height="17px" /></a>
                <h4>情趣服饰</h4>
            </div>
            <div class="wo_pic">
                <div class="left_shop">
                    <hi:wnxd_vshop_defaulproduct runat="server" index="0" categoryid="9" />
                </div>
                <div class="rig_shop">
                    <span style="margin-bottom:2%;"><hi:wnxd_vshop_defaulproduct runat="server" index="1" categoryid="9" /></span>
                    <span><hi:wnxd_vshop_defaulproduct runat="server" index="2" categoryid="9" /></span>
                </div>
            </div>

            <div class="wel">
                <h4>最受欢迎的情趣服饰</h4>
                <a href="#"><img src="http://image.juseshop.com/images/right_03.png" width="6px" height="10px" /></a>
            </div>
            <div class="pbox">
                <div class="list-group">
                    <div class="qbfl">
                        <ul>
                            <hi:vshoptemplatedrepeater id="Vshoptemplatedrepeater_three" templatefile="/Tags/skin-Common_Categories_juse.ascx"
                                                       runat="server" />
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <div class="healthcare" style="float:left;width:100%;">
            <div class="wo_roof healthcare_roof">
                <a href="#"><img src="http://image.juseshop.com/images/healthcare_03.png" width="17px" height="17px" /></a>
                <h4>助情保健</h4>
            </div>
            <div class="wo_pic">
                <div class="left_shop">
                    <hi:wnxd_vshop_defaulproduct runat="server" index="0" categoryid="13" />
                </div>
                <div class="rig_shop">
                    <span style="margin-bottom:2%;"><hi:wnxd_vshop_defaulproduct runat="server" index="1" categoryid="13" /></span>
                    <span><hi:wnxd_vshop_defaulproduct runat="server" index="2" categoryid="13" /></span>
                </div>
            </div>
            <div class="wel">
                <h4>最受欢迎的助情保健</h4>
                <a href="#"><img src="http://image.juseshop.com/images/right_03.png" width="6px" height="10px" /></a>
            </div>
            <div class="pbox">
                <div class="list-group">
                    <div class="qbfl">
                        <ul>
                            <hi:vshoptemplatedrepeater id="Vshoptemplatedrepeater_two" templatefile="/Tags/skin-Common_Categories_juse.ascx"
                                                       runat="server" />
                        </ul>
                    </div>
                </div>
            </div>


        </div>
        <div class="delay" style="float:left;width:100%;">
            <div class="wo_roof delay_roof">
                <a href="#"><img src="http://image.juseshop.com/images/delay_03.png" width="17px" height="17px" /></a>
                <h4>延时润滑</h4>
            </div>
            <div class="wo_pic">
                <div class="left_shop">
                    <hi:wnxd_vshop_defaulproduct runat="server" index="0" categoryid="17" />
                </div>
                <div class="rig_shop">
                    <span style="margin-bottom:2%;"><hi:wnxd_vshop_defaulproduct runat="server" index="1" categoryid="17" /></span>
                    <span><hi:wnxd_vshop_defaulproduct runat="server" index="2" categoryid="17" /></span>
                </div>
            </div>
            <div class="wel">
                <h4>最受欢迎的性爱润滑用品</h4>
                <a href="#"><img src="http://image.juseshop.com/images/right_03.png" width="6px" height="10px" /></a>
            </div>
            <div class="pbox">
                <div class="list-group">
                    <div class="qbfl">
                        <ul>
                            <hi:vshoptemplatedrepeater id="Vshoptemplatedrepeater_yanshi" templatefile="/Tags/skin-Common_Categories_juse.ascx"
                                                       runat="server" />
                        </ul>
                    </div>
                </div>
            </div>


        </div>
        <div class="world" style="float:left;width:100%;">
            <div class="wo_roof world_roof">
                <a href="#"><img src="http://image.juseshop.com/images/world_03.png" width="17px" height="17px" /></a>
                <h4>情趣天地</h4>
            </div>
            <div class="wo_pic">
                <div class="left_shop">
                    <hi:wnxd_vshop_defaulproduct runat="server" index="0" categoryid="20" />
                </div>
                <div class="rig_shop">
                    <span style="margin-bottom:2%;"><hi:wnxd_vshop_defaulproduct runat="server" index="1" categoryid="20" /></span>
                    <span><hi:wnxd_vshop_defaulproduct runat="server" index="2" categoryid="20" /></span>
                </div>
            </div>
            <div class="wel">
                <h4>最受欢迎的双人情趣用品</h4>
                <a href="#"><img src="http://image.juseshop.com/images/right_03.png" width="6px" height="10px" /></a>
            </div>
            <div class="pbox" id="longjiong10">

                <div class="list-group">
                    <div class="qbfl">
                        <ul>
                            <hi:vshoptemplatedrepeater id="rptCategoriesOnes" templatefile="/Tags/skin-Common_Categories_juse.ascx"
                                                       runat="server" />
                        </ul>
                    </div>
                </div>


            </div>


            <!--<div class="pbox" id="productListContainer">
                <div class="goods-list-grid clearfix" id="goodslist">
                    <hi:vshoptemplatedrepeater id="rptProductsone" templatefile="/Tags/skin-Common_Prodcts.ascx"
                        runat="server" />
                </div>
                <div id="pager" style="display: none;">
                </div>
            </div>-->
        </div>
    </div>
    <!--Productlist-->

    <input type="hidden" value="" runat="server" clientidmode="static" id="txtTotal" />
    <script src="http://res.juseshop.com/utility/common.js" type="text/javascript"></script>
    <script src="http://res.juseshop.com/utility/pager.js" type="text/javascript"></script>
    <!--轮播-->
    <script type="text/javascript">


        $(function () {


            if (!$.trim($('#goodslist').html())) {

                $('#productListContainer').addClass('hide');
                $('#empty').removeClass('hide');
            }

            var sort = getParam('sort');
            var order = getParam('order');
            if (sort && order) {
                debugger;
                var selectedLink = $('.sort a[name="' + sort + '"]');
                if (order == 'desc')
                    selectedLink.find('div').addClass('down');
                else
                    selectedLink.find('div').addClass('up');
            }

            var sortLink = $('.sort a[href="#"]');
            var categoryId = getParam('categoryId');

            var keyWords = getParam('keyWord');
            if (keyWords)
                $("#txtKeywords").val(keyWords);


            $.each(sortLink, function (i, link) {
                link = $(link);
                url = '/Vshop/productList.aspx?categoryId=' + categoryId + '&keyWord=' + escape(keyWords);
                if (i > 0) {//第一个为默认面，不设置排序
                    url += '&sort=' + link.attr('name');
                    if (link.find('div.up').length > 0)
                        url += '&order=desc';
                    else
                        url += '&order=asc';
                }
                link.attr('href', url);
            });

            vshopPager('pager', $('#txtTotal').val(), 1, 20);

        });
        function searchs() {

            var key = $("#txtKeywords").val();
            var categoryId = getParam('categoryId');
            var url = "/Vshop/ProductList.aspx?categoryId=" + categoryId + "&keyWord=" + escape(key);

            window.location.href = url;
        }


    </script>



    <!--ProductlistEnd-->
    <!--foor-->
    <div class="help">
        <div class="login">
            <a href="/Vshop/Login.aspx"><h4>登录</h4></a>
            <a href="/Vshop/Login.aspx"><h4>注册</h4></a>
        </div>
        <span>
            <a href="#sc_top">
                <img src="http://image.juseshop.com/images/triangle_03.png" />
                <h4>返回顶部</h4>
            </a>
        </span>
    </div>

    <div class="foor">
        <div class="touch">
            <p><span id="yb">公司名称:长沙往古来今文化传播有限公司</span></p>
            <p><span>
                地址：湖南省长沙市五一大道717号五一新干线A座2207室
            </span></p>
            <p><span>短信订购（仅收市话费):153 9990 9969</span></p>
            <p><span><img src="/images/phone_03.png" /><h4>客服电话：400 0731 513</h4></span></p>
            <h3>湘ICP备14013922号-2</h3>
        </div>
        <div class="foor_help">
            <span><a href="/Vshop/Default.aspx">首页</a></span>
            <span><a>标准版</a></span>
            <span><a href="http://www.x-juse.com/">电脑版</a></span>
        </div>
    </div>
</body>
<script type="text/javascript">
    if (location.hostname == "www.xjuse.cn")
        document.getElementById("yb").innerHTML = " 公司名称:湖南习习和风文化传播有限公司"
</script>

<script type="text/javascript">
    $(function () {

        var slidesImg = $('#slides img');
        var width = 650, height = 320;
        if (slidesImg.length > 1) {
            $('#slides').slidesjs({
                width: width,
                height: height,
                play: {
                    active: true,
                    auto: true,
                    interval: 4000,
                    swap: true
                }
            });
            $(".slidesjs-play, .slidesjs-stop, .slidesjs-previous, .slidesjs-next").remove();
        }
        else {
            var link = slidesImg.parent();
            $('#slides').css('display', 'block').html('<div style="width:100%;"></div>');
            $('#slides div').append(link);
        }



        $.each($('[name="icon"]'), function (i, item) {
            var img = $($(item).find('img')[0]);
            var url = img.attr('src');
            if (url.indexOf('.') == -1) { //不包含.则为字体
                img.remove();
                var slashIndex = url.lastIndexOf('/');
                url = url.substring(slashIndex + 1);
                $(item).html('<span class="' + url + '"></span>');
            }
        });
    });



</script>

<!---Searchs-->
<script type="text/javascript">
    function searchs() {
        var key = $("#txtKeywords").val();
        var str = window.location.search;

        var categoryId;
        if (-1 == str.indexOf("&keyWord=")) {
            categoryId = str.substring(str.indexOf("categoryId=") + 11);
        } else {
            categoryId = str.substring(str.indexOf("categoryId=") + 11, str.indexOf("&keyWord="));
        }

        var url = "/Vshop/ProductList.aspx?categoryId=" + categoryId + "&keyWord=" + escape(key);

        window.location.href = url;
    }

    $(document).ready(function () {
        var str = window.location.search;
        if (str.indexOf("keyWord=") != -1) {
            var keyWord = str.substring(str.indexOf("keyWord=") + 8);
            if (keyWord.length > 0) {
                $("#txtKeywords").val(keyWord);
            }
        }
    });


    $(".hfooter .glyphicon-refresh").click(function () {
        location.reload();
    })

    $(".hfooter .glyphicon-arrow-left").click(function () {
        history.go(-1);
    })

    //隐藏右上角菜单
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    });

    //隐藏底部菜单
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');
    });


    function goUrl(url) {
        //        alert(url);
        location.replace(url);

    }

    $(function () {
        var categoryItems = $('a.categoryItem');
        var cateogryId, url;
        $.each(categoryItems, function (i, item) {
            cateogryId = $(item).attr('value');
            if ($(item).attr('name') == "True")
                url = '?categoryId=' + cateogryId;
            else
                url = '/Vshop/ProductList.aspx?categoryId=' + cateogryId;
            $(item).attr('onclick', 'goUrl("' + url + '")').attr('href', 'javascript:;');

        });

    });

</script>
<!---Searchs-->
<!--搜索-->

<script type="text/javascript">
    function searchs() {
        var key = $("#txtKeywords").val();
        var str = window.location.search;

        var categoryId;
        if (-1 == str.indexOf("&keyWord=")) {
            categoryId = str.substring(str.indexOf("categoryId=") + 11);
        } else {
            categoryId = str.substring(str.indexOf("categoryId=") + 11, str.indexOf("&keyWord="));
        }

        var url = "/Vshop/ProductList.aspx?categoryId=" + categoryId + "&keyWord=" + escape(key);

        window.location.href = url;
    }

    $(document).ready(function () {
        var str = window.location.search;
        if (str.indexOf("keyWord=") != -1) {
            var keyWord = str.substring(str.indexOf("keyWord=") + 8);
            if (keyWord.length > 0) {
                $("#txtKeywords").val(keyWord);
            }
        }
    });


    $(".hfooter .glyphicon-refresh").click(function () {
        location.reload();
    })

    $(".hfooter .glyphicon-arrow-left").click(function () {
        history.go(-1);
    })

    //隐藏右上角菜单
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideOptionMenu');
    });

    //隐藏底部菜单
    document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
        WeixinJSBridge.call('hideToolbar');
    });


    function goUrl(url) {
        //        alert(url);
        location.replace(url);

    }

    $(function () {
        var categoryItems = $('a.categoryItem');
        var cateogryId, url;
        $.each(categoryItems, function (i, item) {
            cateogryId = $(item).attr('value');
            if ($(item).attr('name') == "True")
                url = '?categoryId=' + cateogryId;
            else
                url = '/Vshop/ProductList.aspx?categoryId=' + cateogryId;
            $(item).attr('onclick', 'goUrl("' + url + '")').attr('href', 'javascript:;');

        });

    });
    $(".info").each(function () {
        var a = $(this).find("#proName");
        var maxwidth = 10;
        if ($(a).text().length > maxwidth) {
            $(a).text($(a).text().substring(0, maxwidth));
            $(a).html($(a).html() + '');
        }
    })
</script>


</html>
